<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
	<head>
		<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
		<meta name="author" content="SkyKiDS" />
		<meta name="keywords" content="input, readonly, test" />
		<meta name="description" content="Input 엘레멘트의 readonly 속성을 시험합니다." />
		<title>Readonly Test</title>
		<style type="text/css">
		<!--
			img {border:0;}
		// -->
		</style>
		<script type="text/javascript">
		<!-- <![CDATA[
			function testReadonly(str) {
				document.getElementById("test").value = str;
			}

			function setReadonly() {
				if (document.getElementById("test").readOnly == true) {
					document.getElementById("test").readOnly = false;
					document.getElementById("test").value = "The readonly property is false. You can write a comment.";
				}
				else {
					document.getElementById("test").readOnly = true;
					document.getElementById("test").value = "The readonly property is true. You cannot write a commnent.";
				}
			}
		// ]]> -->
		</script>
	</head>
	<body>
<div id="result">
	<input type="text" id="test" value="" style="width:50%;" readonly="readonly" />&nbsp;
	<input type="button" id="btnForTest" onclick="testReadonly('I can write a message even though the &quot;readonly&quot; property of the &quot;input&quot; element is true.');" value="   확인   " />
	<input type="button" id="btnForReset" onclick="testReadonly('');" value="   지우기   " />
	<input type="button" id="btnForTestReadonly" onclick="setReadonly('I can write a message even though the &quot;readonly&quot; property of the &quot;input&quot; element is true.');" value=" ReadOnly 속성 변경 " />
</div>
<p><a href="http://validator.w3.org/check?uri=referer"><img src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Strict" height="31" width="88" /></a></p>
	</body>
</html>

